@media screen and (max-width: 499px){
	.logo-wrap {
		position: absolute;
		display:block;
		left:0;
		top: 40px;
		cursor: pointer;
	}
	.logo-wrap a {
		cursor: pointer;
		font-family: 'Montserrat', sans-serif;
		font-weight: 900;
		font-size: 40px;
		line-height: 20px;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #fff;
		transition : all 0.3s ease-out;
	}
	.switch-wrap p {
		font-weight: 600;
		font-size: 26px;
		letter-spacing: 1px;
		line-height: 1;
		color: #8167a9;
		text-align: center;
		margin-top: 15px;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1300px){
    /* sec 1 */
    .section1{
        width: 900px;
    }
    .section1_1{
        width: 900px;
    }
    .section1_1_img{
        width: 400px;
        height: 700px;
    }
    .section1_1_text_1{
        width: 500px;
        height: 226px;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 40px;
        line-height: 66px;
    
        color: #FFFFFF;
    
        text-shadow: 0px 0px 3px #000000;
    }
    .section1_1_text_2{
        width: 480px;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 35px;
        display: flex;
        text-align: justify;
    
        color: #FFFFFF;
    
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.44);
    }
    /* slider */
    /* sec 2 */
    .section2_1{
        width: 900px;
    }
    .top{
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        align-items: center;
        margin-bottom: 50px;
    }
    .down{
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        flex-direction:row-reverse;
        align-items: center;
    }
    .top_text{
        font-size: 20px;
        line-height: 30px;
    }
    .down_text{
        font-size: 20px;
        line-height: 30px;
    }
    /* sec 3 */
    .section3_1{
        width: 900px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .section3_1_div{
        width: 900px;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .section3_1_div_1{
        width: 400px;
        height: 500px;
        background-color: #747492;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }
    /* sec 4 */
    .sec4_div{
        width: 900px;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .footer{
        top:7100px;
    }
}
@media only screen and (min-width: 700px) and (max-width: 1000px){
    /* sec 1 */
    .section1{
        width: 900px;
    }
    .section1_1{
        width: 900px;
    }
    .section1_1_img{
        width: 400px;
        height: 700px;
    }
    .section1_1_text_1{
        width: 500px;
        height: 226px;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 40px;
        line-height: 66px;
    
        color: #FFFFFF;
    
        text-shadow: 0px 0px 3px #000000;
    }
    .section1_1_text_2{
        width: 480px;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 35px;
        display: flex;
        text-align: justify;
    
        color: #FFFFFF;
    
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.44);
    }
    /* slider */
    /* sec 2 */
    .section2_1{
        width: 900px;
    }
    .top{
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        align-items: center;
        margin-bottom: 50px;
    }
    .down{
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        flex-direction:row-reverse;
        align-items: center;
    }
    .top_text{
        font-size: 20px;
        line-height: 30px;
    }
    .down_text{
        font-size: 20px;
        line-height: 30px;
    }
    /* sec 3 */
    .section3_1{
        width: 900px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .section3_1_div{
        width: 900px;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .section3_1_div_1{
        width: 400px;
        height: 500px;
        background-color: #747492;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }
    /* sec 4 */
    .sec4_div{
        width: 900px;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .footer{
        top:7200px;
    }
}
@media only screen and (min-width: 500px) and (max-width: 999px){
	.cd-header{
		background-color: #1f2029;
		height: 120px;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.55);
	}

	.logo-wrap {
		position: absolute;
		display:block;
		left:0;
		top: 50px;
		cursor: pointer;
	}
	.logo-wrap a {
		cursor: pointer;
		font-family: 'Montserrat', sans-serif;
		font-weight: 900;
		font-size: 40px;
		line-height: 20px;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #fff;
		transition : all 0.3s ease-out;
	}
	.switch-wrap p {
		font-weight: 600;
		font-size: 26px;
		letter-spacing: 1px;
		line-height: 1;
		color: #8167a9;
		text-align: center;
		margin-top: 15px;
	}
    .section1_1{
        width: auto;
        display: flex;
        flex-direction: column;
    }
    .section1_1_img{
       display: none;
    }
    .section1_1_text_1{
        width: 600px;
        height: 226px;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 45px;
        line-height: 66px;
    
        color: #FFFFFF;
    
        text-shadow: 0px 0px 3px #000000;
    }
    .section1_1_text_2{
        width: 800px;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 35px;
        display: flex;
        text-align: justify;
    
        color: #FFFFFF;
    
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.44);
    }
    .top{
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px;
    }
    .down{
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        flex-direction:column;
        align-items: center;
    }
    .down_text, .top_text{
        font-size: 30px;
        line-height: 45px;
        width: 75%;
        margin-bottom: 25px;
    }
    .down_img, .top_img{
        width: 70%;
    }
    .teacher{
        width: 380px;
        height: 650px;
        margin-bottom: 25px;
    }
    .teacher_text{
        text-align: center;
        font-size: 20pt;
        font-weight: 400;
        color: #FFFFFF;
    }
    .footer{
        top:9100px;
    }
}
